<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
	div{width: 300px;
		height: 100px;
		background: red;
		color: #FFF;
	margin:100px;
		transition:transform 2s;}
	#box2{background: blue;
	margin:0;}
	#box2:hover{
	transform:translate(30px,30px);}	
	</style>
</head>
<body>
	<div id="box1">
		<div id="box2">2D转换</div>
	</div>
</body>
</html>
